﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Example01.aspx.cs" Inherits="Chapter33.Example01" %>

<!DOCTYPE html>

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>代码清单 33-1 基本表单</title>
    <meta name="author" content="Adam Freeman" />
    <meta name="description" content="A simple example" />
    <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
    <style>
        .table {
            display: table;
        }

        .row {
            display: table-row;
        }

        .cell {
            display: table-cell;
            padding: 5px;
        }

        .label {
            text-align: right;
        }
    </style>
</head>
<body>
    <form action="http://localhost:8080/form" method="post" >
        <div class="table">
            <div class="row">
                <div class="cell label">Bananas:</div>
                <div class="cell">
                    <input type="number" name="bananas" value="2" />
                </div>
            </div>
            <div class="row">
                <div class="cell label">Apples:</div>
                <div class="cell">
                    <input type="number" name="apple" value="5" />
                </div>
            </div>
            <div class="row">
                <div class="cell label">Cherries:</div>
                <div class="cell">
                    <input type="number" name="cherries" value="20" />
                </div>
            </div>
            <div class="row">
                <div class="cell label">Total:</div>
                <div class="cell" id="results">0 items</div>
            </div>
        </div>
        <button id="submit" type="submit">Submit Form</button>
    </form>
</body>
</html>
